<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>

  <link rel="shortcut icon" href="../image/favicon.ico">
	<link rel="stylesheet" type="text/css" href="../css/registerPage.css">
	<!-- 路径的写法
	     1.当前目录 ./文件名（夹）
	     2.上级目录 ../文件夹/文件名
	     3.同一个文件夹，直接写文件名 -->
	<script type="text/javascript" src="../js/registerPage.js">
       

	</script>
</head>
<body>

     	 <!--注册网页开始 -->
 <div class="registerPage">
       
                 
                <!--头部开始 -->
          <div class="lk">
                   

              <div class="lk-a">
                      <a href=""></a>

                      <a href=""></a>

                      <a href=""></a>
                      
              </div>

              <div class="ln-a">
                   <a href="#" style=" font-size: 10px;">了解更多 | </a>
                   <a href="#"  style=" font-size: 10px;">反馈意见</a>
              </div>
             
        	</div>
        	 <!--头部结束 -->



        	 <!--注册菜单开始--> 
        	 <div>

              	     <!--注册菜单头部开始-->
              		  <div class="head" ><h1 class="headine">欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。</h1></div>
                     <!--注册菜单头部结束--> 
                     

                          
                     <!--注册菜单下部开始--> 
              	      <div id="emailMenu">

                        <!--注册菜单下部右侧开始-->
                         	<div style="background-color:#f5f5f5;width:308px;height:807px; float: right;">

                         	<div  class="emailMenu-right">

                         	</div>
                         	</div>
             		         <!--注册菜单下部右侧结束-->

              		       <!--注册菜单下部左侧开始-->
              	         <div class="emailMenu-left">

                             
                         <div class="registerEmail">

                               <!--ul列表开始-->
                            <ul id="registerEmail_ul">

              	               <li class="registerEmail-li" >

              	                   <a href="javascript:void(0);"  style="border-top-left-radius:5px;border-bottom-left-radius:5px;">注册字母邮箱</a>

              	               </li>

              	               <li  style="border-left: #E0E0E0 2px solid;border-right: #E0E0E0 2px solid;">

              	                   <a href="javascript:void(0);">注册手机号码邮箱</a>

              	               </li>

              	               <li>

                  	               <a href="javascript:void(0);" style="border-top-right-radius:5px;border-bottom-right-radius:5px;">注册VIP邮箱</a>

              	              </li>

                            </ul>

                               <!--Ul列表结束-->

                               <!--dl列表开始-->

                            <div class="dlList" id="dl_list">


                                 <!--第一部分开始-->
                                  <section style="display:block;">

                                           <dl>
                                             
                                              <dt>
                                              <samp style="color:red;">*</samp>
                                              邮箱地址


                                              </dt>

                                              <dd>

                                              <input type="txet" name="" placeholder="建议用手机号码注册" style="width: 190px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">
                                                <txt style="font-size:20px; font-weight:bold;">@</txt>
                                            <select  style="height:30px; font-weight:bold;">
                                            <option value ="volvo">163.com</option>
                                            <option value ="saab">126.com</option>
                                            <option value ="saab">yeah.com</option>
                                          </select>

                                          <p>6~18个字符，可使用字母、数字、下划线，需以字母开头</p>

                                              </dd>
                                                 

                                           </dl>


                                           <dl  style="margin-top:50px;">
                                                <dt>
                                              <samp style="color:red;">*</samp>
                                              密码


                                              </dt>

                                              <dd>

                                              <input type="password" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                              
                                          <p>6~16个字符，区分大小写</p>

                                              </dd>

                                              </dl>

                                           <dl  style="margin-top:50px;">

                                             <dt>
                                              <samp style="color:red;">*</samp>
                                              确认密码


                                              </dt>

                                              <dd>

                                              <input type="password" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                              
                                          <p>请再确认密码</p>

                                              </dd>

                                           </dl>


                                           <dl style="margin-top:50px;">
                                            <dt>
                                              <samp style="color:red;">*</samp>
                                              手机号码


                                              </dt>

                                              <dd>

                                              <input type="text" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">
                                              <div id="itl" style="width:35px;height:27px; ">

                                              <div class="flag-CN">
                                              <em>&nbsp;</em>
                                              </div>
                                              </div>

                                             
                                          <p>忘记密码时，可以通过该手机号码快速找回密码</p>

                                              </dd>

                                           </dl>
                                           
                                              

                             
                                           <dl  style="margin-top:50px;position: relative;">
                                                <dt>
                                                  <samp style="color:red;">*</samp>
                                                  验证码


                                                  </dt>

                                                <dd>

                                              <input type="txet" name="" style="width: 190px;height: 30px; border:#c1bcbc solid 1px;">
                                              <div class="registerEmail-dlBox"></div>

                                           

                                            <p>请填写图片中的字符，不区分大小写</p>
                                            <a href="" style="font-size:11px; position: absolute;
                                      top: 25px;
                                      left: 125px; color:blue;">看不清楚？换张图片</a>

                                      <input type="button" name="" value="免费获取验证码" style="width:180px;height:37px; font-size:15px; color:#626364; font-weight:bold;">



                                              </dd>
                                                 


                                           </dl>

                                          

                                          

                                           <dl style="margin-top:100px;">
                                         

                                              <dd class="ddbox">

                                              <input type="checkbox" name="" style="width:15px;height:15px;padding-top:5px;">
                                               同意<a href="">"服务条款"</a>和<a href="">"隐私权相关政策"</a>
                                              
                                          <p>忘记密码时，可以通过该手机号码快速找回密码</p>

                                              </dd>

                                           </dl>



                                           <dl style="margin-top:70px;">
                                         

                                              <dd class="ddbox">

                                             <input type="button" value="立即注册" name="" style="width: 130px;height: 40px; border:#27a22a solid 1px;border-radius:5px; background-color:green;font-size:20px; color:#fff;">
                                              

                                              </dd>

                                           </dl>
                                     </section>


                                      <div id="itlSelect" style="width:498px;height:150px; display:;">
                                      <a href="#" class="flag-CHN" data-code="+86-">
                                      <em>&nbsp;</em>
                                      中国 +86
                                      </a>

                                      <a href="#" class="flag-AL" data-code="+355-">
                                      <em>&nbsp;</em>
                                      阿尔巴尼亚(Shqipëria) +355
                                      </a>

                                      <a href="#" class="flag-DZ" data-code="+213-">
                                      <em>&nbsp;</em>
                                      阿尔及利亚(People's Democratic Republic of Algeria) +213
                                      </a>
                                      <a href="#" class="flag-AF" data-code="+93-">
                                      <em>&nbsp;</em>
                                      阿富汗(Republic of Afghanistan) +93
                                      </a>
                                      <a href="#" class="flag-AR" data-code="+54-"> 
                                      <em>&nbsp;</em>
                                      阿根廷(Argentina) +54
                                      </a>
                                      <a href="#" class="flag-AE" data-code="+971-">
                                      <em>&nbsp;</em>
                                      阿拉伯联合大公国(The United Arab Emirates) +971
                                      </a>

                                      </div>



                                 <!--第一部分结束-->







                            <!--第二部分开始-->

                                            <section>
                              <dl   style="margin-top:50px;">
                                <dt>
                                  <samp style="color:red;">*</samp>
                                  手机号码


                                  </dt>

                                  <dd>

                                  <input type="text" name="" style="width: 230px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;"> <text style="font-weight:bold;">@163.com</text>

                                  
                              <p>忘记密码时，可以通过该手机号码快速找回密码</p>

                                  </dd>

                               </dl>






                               <dl  style="margin-top:50px;position: relative;">
                                       <dt>
                                  <samp style="color:red;">*</samp>
                                  验证码


                                  </dt>

                                  <dd  style="position:relative">

                                  <input type="txet" name="" style="width: 190px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                  <div class="registerEmail-dlBox_A"></div>
                
                               

                                   <p>请填写图片中的字符，不区分大小写</p>
                                        <a href="" style="font-size:11px; position: absolute;
                                  top: 25px;
                                  left: 40px; color:blue;">看不清楚？换张图片</a>
                                  
                                  <div>
                        <input type="button" name="" value="免费获取验证码" style="width:180px;height:37px; font-size:15px; color:#626364; font-weight:bold;" />
                                  </div>


                                  </dd>
                                  </dl>
                                   
                      


                                  <dl  style="margin-top:100px; style="" ">
                                 
                                  <dt>

                                  <samp style="color:red;">*</samp>
                                  短信验证


                                  </dt>

                                  <dd>

                                  <input type="txet" name="" placeholder="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                   <p>请查收短信，并填写短信中的验证码</p>

                                  

                                  </dd>
                                     

                               </dl>

                          
                               
                                 <dl style="margin-top:50px;">
                                    <dt>
                                  <samp style="color:red;">*</samp>
                                  密码


                                  </dt>

                                  <dd>

                                  <input type="password" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                  
                              <p>6~16个字符，区分大小写</p>

                                  </dd>

                                  </dl>

                               <dl  style="margin-top:50px;">

                                 <dt>
                                  <samp style="color:red;">*</samp>
                                  确认密码


                                  </dt>

                                  <dd>

                                  <input type="password" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                  
                              <p>请再确认密码</p>

                                  </dd>

                               </dl>


                               <dl style="margin-top:50px;">
                             

                                  <dd class="ddbox">

                                  <input type="checkbox" name="" style="width:15px;height:15px;padding-top:5px;">
                                   同意<a href="">"服务条款"</a>和<a href="">"隐私权相关政策"</a>
                                  
                              <p>忘记密码时，可以通过该手机号码快速找回密码</p>

                                  </dd>

                               </dl>



                               <dl style="margin-top:70px;">
                             

                                  <dd class="ddbox">

                                 <input type="button" value="立即注册" name="" style="width: 130px;height: 40px; border:#27a22a solid 1px;border-radius:5px; background-color:green;font-size:20px; color:#fff;">
                                  

                                  </dd>

                               </dl>

                               


                               </section>


                                   


                               <!--第二部分结束-->


                                 <!--第三部分开始-->

                           <section>

                               <dl>
                                 
                                  <dt>
                                  <samp style="color:red;">*</samp>
                                  用户名


                                  </dt>

                                  <dd>

                                  <input type="txet" name="" placeholder="" style="width: 190px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">
                                    @VIP.163.com
                               

                              <p>6~18个字符，可使用字母、数字、下划线，需以字母开头</p>

                                  </dd>
                                     

                               </dl>


                               <dl  style="margin-top:50px;">
                                    <dt>
                                  <samp style="color:red;">*</samp>
                                  密码


                                  </dt>

                                  <dd>

                                  <input type="password" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">

                                  
                              <p>6~16个字符，区分大小写</p>

                                  </dd>

                                  </dl>

                               <dl  style="margin-top:50px;">

                                 <dt>
                                  <samp style="color:red;">*</samp>
                                  滑动验证


                                  </dt>

                                  <dd>

                                  <input type="text" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:30px;">

                                  
                              <p>请滑动上方滑块验证</p>

                                  </dd>

                               </dl>


                               
                 
                               <dl  style="margin-top:50px;position: relative;">
                                       <dt>
                                  <samp style="color:red;">*</samp>
                                  安全手机

                                  </dt>

                                  <dd>

                                  <input type="txet" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">
                           <p>找回密码和认证是使用，不扣费</p>


                          <input type="button" name="" value="免费获取验证码" style="width:180px;height:37px; font-size:15px; color:#626364; font-weight:bold;  text-decoration:underline">



                                  </dd>
                                     


                               </dl>

                              <dl style="margin-top:100px;">
                                <dt>
                                  <samp style="color:red;">*</samp>
                                  手机验证


                                  </dt>

                                  <dd>

                                  <input type="text" name="" style="width: 300px;height: 30px; border:#c1bcbc solid 1px;border-radius:5px;">
 
                                  <p>请填写手机验证码，不区分大小写</p>
                              
                                  </dd>

                               </dl>


                              

                               <dl style="margin-top:50px;">
                             

                                  <dd class="ddbox">

                                  <input type="checkbox" name="" style="width:15px;height:15px;padding-top:5px;">
                                   同意<a href="">"服务条款"</a>和<a href="">"隐私权相关政策"</a>
                                  
                              <p>忘记密码时，可以通过该手机号码快速找回密码</p>

                                  </dd>

                               </dl>



                               <dl style="margin-top:70px;">
                             

                                  <dd class="ddbox">

                                 <input type="button" value="立即注册" name="" style="width: 130px;height: 40px; border:#27a22a solid 1px;border-radius:5px; background-color:green;font-size:20px; color:#fff;">
                                  

                                  </dd>

                               </dl>
                               </section>

                               <!--第三部分结束-->
                       

                       

                       




                        </div>






                    

                                 <!--dl列表结束-->

                          </div>



                             </div>

              			 
              		       
                          <!--注册菜单下部左侧结束-->


                               
              		     


              		 </div>
                         <!--注册菜单下部结束-->


           </div>
              <!--注册菜单结束-->


</div>
      <!--注册网页结束 -->

</body>
</html>